import MainLayout from "@/components/mainLayout";
import { TooltipProvider } from "@/components/ui/tooltip";
import { SocketProvider } from "@/context/socketContext";
import { ConversationProvider } from "@/context/conversationContext";
import { Toaster } from "sonner";

export default function MainAppLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <SocketProvider>
    <ConversationProvider>
      <TooltipProvider>
        <MainLayout>{children}</MainLayout>
        <Toaster />
      </TooltipProvider>
    </ConversationProvider>
  </SocketProvider>
  );
}
